import { defineNuxtPlugin } from '#app';
import ElementPlus from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import { ElNotification } from 'element-plus'
export default defineNuxtPlugin(nuxtApp => { // 注入icon
  nuxtApp.vueApp.use(ElementPlus)
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    nuxtApp.vueApp.component(key, component)
  }


//  第一种注入方法
  // return {
  //   provide: {
  //     ElNotificationError:  (msg)=>ElNotification({
  //         title: '错误',
  //         message: msg,
  //         offset: 100,
  //         type: 'error',
  //       })
  //   }
  // }

//  第二种注入方法
  nuxtApp.provide('ElNotificationError', (msg) => ElNotification({
    title: '错误',
    message: msg,
    offset: 100,
    type: 'error',
  }));

  nuxtApp.provide('ElNotificationSuccess', (msg) => ElNotification({
    title: '成功',
    message: msg,
    offset: 100,
    type: 'success',
  }));
    
});




